//import upload from "../../utils/upload";
//const form = document.forms.avatar;
// const view = document.getElementById('view');
//const progressBar = document.getElementById('progressBar');
//本地上传



//本地预览 ************第二种写法
// const fr = new FileReader();
// //FileReader文件读取
// fr.onload = function () {
//     view.src = fr.result
// }
// form.avatar.onchange = function () {
//     //判断用户有没有选择到图片
//     if (this.files.length > 0) {
//         //选择了
//         fr.readAsDataURL(this.files[0]);
//     } else {
//         //没有选择
//         view.src = '';
//     }

// }



//本地预览
// **************第一种写法
// form.avatar.onchange = function () {
//     //判断用户有没有选择到图片
//     if (this.files.length > 0) {
//         //选择了
//         view.src = URL.createObjectURL(this.files[0])
//         view.innerText = "12345"
//     } else {
//         //没有选择
//         view.src = '';
//     }

// }




//formData对象
// form.onsubmit = function (e) {
//     e.preventDefault();
//     //建立formData对象
//     //const fd=new FormData();
//     //在建立formDatal它可以自动获取表单数据
//     //自动初始化form表单
//     const fd = new FormData(form);
//     const xhr = new XMLHttpRequest()
//     xhr.onreadystatechange = function () {
//         if (xhr.readyState == 4) {
//             if (xhr.status == 200) {
//                 console.log(xhr.response)
//             } else {
//                 alert('服务器错误' + xhr.status);
//             }
//         }
//     }
//     xhr.upload.onprogress = function (e) {
//         if (e.lengthComputable) {
//             const p = e.loaded / e.total * 100 + '%'
//             progressBar.style.width = p
//         }
//     }
//     xhr.open('post', '/api/upload', true);
//     xhr.setRequestHeader('Authorization', 'Bearer ' + localStorage.getItem('token'));
//     xhr.send(fd)
//     // let result = await upload('/api/upload', fd);
//     // console.log(result);
// }